﻿<template>
  <div class="manger">
    <el-container>
      <el-header style="text-align:left;height:70px;">
        <!--头部-->
          <router-view name="header" />
      </el-header>

      <el-container>
        <el-aside width="200px">
          <router-view name="asider" />
        </el-aside>
        <el-main class="main-body">
          <router-view />
        </el-main>
      </el-container>
    </el-container>
  </div> 
</template>

<style>
/* 
.main-body {
  background-color: #DCDFE6;
}
.el-header {
  width: 100%;
  position:fixed;top:0;left:0;z-index: 99;
  background-color: #1e4670;
  color: white;
}
.el-main{
  position:fixed;top:70px;left:200px;z-index: 100;
  height: 90%;
  width: 88%;
}
.el-aside {
  position:fixed;top:70px;left:0;z-index: 99;
  height: 94%;
  color: #333;
}
.box {
  border-radius: 5px;
  padding: 1.7%;
  padding-top:0%;
  background-color: #ffffff;
  margin-bottom: 0px;
}
.title{
  
} */
</style>

<script>
export default {
  name: "ManagerPage",
  data() {
    return {
      gongzuotai: true,
      input: ""
    };
  }
};
</script>



